
// !!! XXX 模块配置 (单独模块配置)
// ??? 定制模块信息
// *** 交投AI预警统计
const CustomizeA01 = {
    image_left: 'https://image.ljkjkf.com/intellisiteSystem_TieKe/jtgj/indexL.png',
    image_right: 'https://image.ljkjkf.com/intellisiteSystem_TieKe/jtgj/intelligence.gif',
    width: 60,
    height: 270,
    contentColor: 'rgba(33, 175, 213, 0.5)',
    contentDeg: 0,
    contentPadding: '0',
    content: 'Al己监控{A01}天, 发现{A02}条预警,\n己处理{A03}条预警, 未处理{A04}条预警.',
    fill: '#fff',
    fontSize: 24,
    fontFamily: 'ShuHeiTi',
    fontWeight: 400,
    fontStyle: 'normal',
    shadowX: 0,
    shadowY: 0,
    shadowB: 0,
    shadowC: '#00000000',
    numberArr: []
}

// ??? 图文列表模块
// *** 上下结构A01
const ImageTextA01 = {
    flexContent: true,
    image_url: 'https://image.ljkjkf.com/intellisiteSystem_TieKe/jtgj/OtherOne.png',
    image_width: 254,
    image_height: 200,
    data_top: 8,
    image_padding: 16,
    image_data: 'A01',
    data_fill: '#fff',
    data_fontSize: 64,
    data_fontFamily: 'DIN',
    data_fontWeight: 400,
    data_fontStyle: 'normal',
    data_shadowX: 1,
    data_shadowY: 1,
    data_shadowB: 1,
    data_shadowC: '#262626',
    image_title: '',
    title_fill: '#fff',
    title_fontSize: 24,
    title_fontFamily: 'ShuHeiTi',
    title_fontWeight: 400,
    title_fontStyle: 'normal',
    title_shadowX: 0,
    title_shadowY: 0,
    title_shadowB: 0,
    title_shadowC: '#00000000',

}

const ImageTextA02 = {
    flex: 'column',
    width: 50,
    padding_top: 16,
    padding_left: 16,
    margin_top: 16,
    margin_left: 16,

    list_padding: 24,
    list_dataType: 'object',
    listArr: [],

    back_fill: '#0f415766',
    back_deg: 0,
    back_border: false,
    border_width: 1,
    border_type: 'solid',
    border_color: '#fff',

    icon_fill: '#fff',
    icon_size: 32,
    icon_padding: 16,

    title_padding: 8,
    title_fill: '#fff',
    title_fontSize: 16,
    title_fontFamily: 'ShuHeiTi',
    title_fontWeight: 400,
    title_fontStyle: 'normal',
    title_shadowX: 1,
    title_shadowY: 1,
    title_shadowB: 1,
    title_shadowC: '#262626',

    field_fill: '#fff',
    field_fontSize: 32,
    field_fontFamily: 'DIN',
    field_fontWeight: 400,
    field_fontStyle: 'normal',
    field_shadowX: 1,
    field_shadowY: 1,
    field_shadowB: 1,
    field_shadowC: '#262626',

    unit_fill: '#fff',
    unit_fontSize: 24,
    unit_fontFamily: 'ShuHeiTi',
    unit_fontWeight: 400,
    unit_fontStyle: 'normal',
    unit_shadowX: 1,
    unit_shadowY: 1,
    unit_shadowB: 1,
    unit_shadowC: '#262626',

}

const ImageTextA03 = {
    align_items: 'center',
    align_content: 'center',
    justify_content: 'center',
    flex_direction: 'row',
    flex_wrap: 'nowrap',
    listArr: [],
    list_dataType: 'object',
    list_width: 90,
    list_padding: '8',
    list_margin: '8',
    describe_fill: "#ffca5b",
    describe_fontSize: 32,
    describe_fontFamily: 'BiaoTiHei',
    describe_fontWeight: 400,
    describe_fontStyle: 'normal',
    describe_shadowX: 1,
    describe_shadowY: 1,
    describe_shadowB: 1,
    describe_shadowC: '#262626',
    field_fill: '#fff',
    field_fontSize: 40,
    field_fontFamily: 'DIN',
    field_fontWeight: 400,
    field_fontStyle: 'normal',
    field_shadowX: 1,
    field_shadowY: 1,
    field_shadowB: 1,
    field_shadowC: '#262626',
    unit_fill: '#fff',
    unit_fontSize: 24,
    unit_fontFamily: 'BiaoTiHei',
    unit_fontWeight: 400,
    unit_fontStyle: 'normal',
    unit_shadowX: 1,
    unit_shadowY: 1,
    unit_shadowB: 1,
    unit_shadowC: '#262626',
    back_fill: [
        { color: '#00ffee33', percent: 0 },
        { color: '#00ffee0d', percent: 100 }
    ],
    back_deg: 90,
    back_height: 8,
    back_position: 'bottom',
    back_distance: 4,
}

const ImageTextA04 = {
    align_items: 'center',
    align_content: 'center',
    justify_content: 'center',
    flex_direction: 'row',
    flex_wrap: 'wrap',
    partial_align_items: 'center',
    partial_align_content: 'center',
    partial_justify_content: 'center',
    partial_flex_direction: 'row',

    partial_width: 100,
    partial_padding: '8',
    partial_margin: '8',
    partial_back: '#ffffff00',
    partial_deg: 0,
    partial_radius: 0,
    partial_borderSize: 0,
    partial_emptyBorderType: 'solid',
    partial_borderColor: '#000',

    icon_status: 'icon',
    icon_iconFill: false,
    icon_iconColor: '#fff',
    icon_iconSize: 40,
    icon_padding: 8,
    icon_margin: 8,
    icon_back: '#000',
    icon_deg: 0,
    icon_radius: 50,
    icon_borderSize: 0,
    icon_borderType: 'solid',
    icon_borderColor: '#000',
    icon_shadowX: 1,
    icon_shadowY: 1,
    icon_shadowS: 1,
    icon_shadowC: '#262626',

    content_align_items: 'center',
    content_align_content: 'center',
    content_justify_content: 'space-between',
    content_flex_direction: 'row',
    content_padding: '8',
    content_margin: '8',
    content_back: '#ffffff00',
    content_deg: 0,
    content_radius: 0,
    content_borderSize: 0,
    content_emptyBorderType: 'solid',
    content_borderColor: '#000',

    describe_fill: '#ffca5b',
    describe_deg: 0,
    describe_fontSize: 32,
    describe_fontFamily: 'ShuHeiTi',
    describe_fontWeight: 400,
    describe_fontStyle: 'normal',
    describe_shadowX: 1,
    describe_shadowY: 1,
    describe_shadowB: 1,
    describe_shadowC: '#262626',

    field_padding: '0,8',
    field_fill: '#fff',
    field_deg: 0,
    field_fontSize: 40,
    field_fontFamily: 'DIN',
    field_fontWeight: 400,
    field_fontStyle: 'normal',
    field_shadowX: 1,
    field_shadowY: 1,
    field_shadowB: 1,
    field_shadowC: '#262626',

    unit_fill: '#fff',
    unit_deg: 0,
    unit_fontSize: 24,
    unit_fontFamily: 'ShuHeiTi',
    unit_fontWeight: 400,
    unit_fontStyle: 'normal',
    unit_shadowX: 1,
    unit_shadowY: 1,
    unit_shadowB: 1,
    unit_shadowC: '#262626',

    assis_fill: '#ffffff60',
    assis_deg: 0,
    assis_height: 8,
    assis_position: 'bottom',
    assis_distance: 20,
}

// *** 类Nav操作模块
const Options01 = {
    renderType: 'flex',
    align_items: 'center',
    align_content: 'center',
    justify_content: 'center',
    flex_direction: 'row',
    flex_wrap: 'nowrap',
    nav_height: 40,
    nav_padding: '4,8,4,8',
    nav_margin: '0,1,0,1',
    nav_backgroun: '#1677ff',
    nav_activeBack: '#fa8c16',
    nav_backgrounDeg: 0,
    nav_borderRadius: 2,
    nav_borderSize: 1,
    nav_borderType: 'solid',
    nav_borderColor: '#00000000',
    nav_borderActive: '#00000000',
    nav_fill: '#fff',
    nav_activeFill: '#fff',
    nav_fillDeg: 0,
    nav_fontSize: '16',
    nav_fontFamily: 'ShuHeiTi',
    nav_fontWeight: 400,
    nav_fontStyle: 'normal',
    nav_shadowX: 1,
    nav_shadowY: 1,
    nav_shadowS: 1,
    nav_shadowC: '#262626',
}

const Options02 = {
    layout: false,
    width: 160,
    height: 40,
    align_items: 'center',
    align_content: 'center',
    justify_content: 'center',
    flex_direction: 'row',
    flex_wrap: 'nowrap',
    additional: false,
    borderRadius: 8,
    backgroun: [
        { color: '#0548a600', percent: 0 },
        { color: '#0548a67a', percent: 50 },
        { color: '#0548a600', percent: 100 },
    ],
    backgrounDeg: 90,
    align: 'center',
    fill: [
        { color: '#c0ebed', percent: 0 },
        { color: '#01dfc9', percent: 100 },
    ],
    fillDeg: 0,
    fontSize: 24,
    fontFamily: 'ShuHeiTi',
    fontWeight: 400,
    fontStyle: 'normal',
    shadowX: 1,
    shadowY: 1,
    shadowS: 1,
    shadowC: '#262626',
    icon: true,
    iconColor: '#ffffff',
    iconSize: 16,
}

const Options03 = {
    showTotal: true,
    total_fill: [
        { color: '#51f2e2', percent: 0 },
        { color: '#ffffff', percent: 100 }
    ],
    total_deg: 0,
    total_fontSize: 24,
    total_fontFamily: 'DIN',
    total_fontWeight: 400,
    total_fontStyle: 'normal',
    total_shadowX: 1,
    total_shadowY: 1,
    total_shadowS: 1,
    total_shadowC: '#262626',
    pnSize: 20,
    pnColor: '#1677ff',
    itemSize: 40,
    itemBack: "#57cddf80",
    itemDeg: 0,
    itemRadius: 8,
    itemBorder: 1,
    itemType: 'solid',
    itemColor: "#1677ff",

    item_fill: [
        { color: '#ffffff', percent: 0 },
        { color: '#4ef1d6', percent: 100 }
    ],
    item_deg: 0,
    item_fontSize: 24,
    item_fontFamily: 'DIN',
    item_fontWeight: 400,
    item_fontStyle: 'normal',
    item_shadowX: 1,
    item_shadowY: 1,
    item_shadowS: 1,
    item_shadowC: '#262626',
    activeBack: [
        { color: '#02b3ff80', percent: 0 },
        { color: '#7402ff80', percent: 100 }
    ],
    activefill: [
        { color: '#f5222d', percent: 0 },
        { color: '#ffffff', percent: 100 }
    ]
}

// ??? 组织机构树(交投)
const OptionsComA01 = {
    padding: 0,
    backgroun: "#002c41cc",
    backgrounDeg: 0,
    borderRadius: 0,
    borderSize: 0,
    borderType: "solid",
    borderColor: "#ffffff00",
    status: true,
    top_title: '组织机构',
    top_padding: '8,24',
    top_backgroun: "#00526266",
    top_backgrounDeg: 0,
    top_borderSize: 0,
    top_borderType: "solid",
    top_borderColor: "#ffffff00",
    top_fill: [
        { color: '#feffb2', percent: 0 },
        { color: '#ffffff', percent: 100 },
    ],
    top_fillDeg: 0,
    top_fontSize: 24,
    top_fontFamily: 'ShuHeiTi',
    top_fontWeight: 400,
    top_fontStyle: 'normal',
    top_shadowX: 1,
    top_shadowY: 1,
    top_shadowS: 1,
    top_shadowC: '#262626',

    tree_iconSize: 16,
    tree_iconColor: '#ffffff',
    tree_padding: '8,16',
    tree_fill: '#ffffff',
    tree_fillDeg: 0,
    tree_fontSize: 20,
    tree_fontFamily: 'ShuHeiTi',
    tree_fontWeight: 400,
    tree_fontStyle: 'normal',
    tree_shadowX: 1,
    tree_shadowY: 1,
    tree_shadowS: 1,
    tree_shadowC: '#262626',

    active_backgroun: "#0f4553",
    active_backgrounDeg: 0,
    active_borderRadius: 4,
    active_borderSize: 0,
    active_borderType: "solid",
    active_borderColor: "#ffffff00",
    active_fill: [
        { color: '#ffff83', percent: 0 },
        { color: '#ffffff', percent: 100 },
    ],
    active_fillDeg: 0,
}

const PlaceholderA02 = {
    backType: "color",
    backColor: "#ffffff00",
    backColor__Deg: 0,
    align_items: 'center',
    align_content: 'center',
    justify_content: 'center',
    flex_direction: 'row',
    flex_wrap: 'nowrap',
    extraRender: 'text',
    fill: [
        { color: '#c0ebed', percent: 0 },
        { color: '#01dfc9', percent: 100 },
    ],
    fillDeg: 0,
    fontSize: 24,
    fontFamily: 'ShuHeiTi',
    fontWeight: 400,
    fontStyle: 'normal',
    shadowX: 1,
    shadowY: 1,
    shadowS: 1,
    shadowC: '#262626',
}

// ??? 视频监控
const OnlyA01 = {}



export const LayoutDeftula = {
    CustomizeA01,

    ImageTextA01,
    ImageTextA02,
    ImageTextA03,
    ImageTextA04,

    Options01,
    Options02,
    Options03,
    OptionsComA01,

    PlaceholderA02,

    OnlyA01
}